<template>
  <a-badge :count="100" :offset="[0, 0]">
    <ThemeConfigProvider :theme="theme">
      <a-button type="text" size="small" :icon="iconNotify"></a-button>
    </ThemeConfigProvider>
  </a-badge>
</template>

<script setup lang="ts">
import { iconifyToAntdvIconVNode } from '@ykst/shared';
import ThemeConfigProvider, { type ThemeProps } from '@/components/AntdVue/ThemeConfigProvider.vue';
// import MessagePopover from '@/views/message/MessagePopover.vue';

defineProps<ThemeProps>();

const iconNotify = iconifyToAntdvIconVNode('i-ant-design-bell-outlined');
</script>
